<!--
 * @Author: ckk
 * @Date: 2022年7月19日14:41:30
 * @LastEditors: ckk
 * @LastEditTime: 2022-10-26 10:58:33
 * @Description: 登录页面
 * @version: 1.0
-->
<template>
  <div class="home flexBox">
    <!-- <div class="nav">
      <div class="nav-title">平台提示</div>
      <img src="@/assets/images/close.svg" alt="" @click="goback()">
    </div> -->
    <div class="remind-main">
      <p>该手机号{{phone}}在青城教育平台暂未注册，请联系所在学校班主任老师或学校管理员，在呼和浩特智慧教育公共服务平台进行账号注册，完成注册后再重新登录。</p>
      <button class="goback" @click="goback()">返回</button>
    </div>
  </div>
</template>

<script>
import aes from '@/utils/aes';
import iCityBridge from '@/utils/openjsbridge.icity.js';
export default {
  data () {
    return {
      phone: ''
    };
  },
  created () {
    var phone = this.$route.query.phone;
    if (phone) {
      phone = aes.decode(phone);
      this.phone = phone.substr(0, 3) + '****' + phone.substr(phone.length - 4, phone.length);
    }
    iCityBridge.init(function (hasLogin) {
      console.log(hasLogin);
    });
  },
  methods: {
    goback () {
      iCityBridge.closeWebView();
    }
  }
};
</script>
<style lang="scss" scoped>
.flexBox{
  display: flex;
  flex-direction: column;
  .remind-main{
    background: #f4f4f4;
    color:#333;
    font-size: 18px;
    height: 100%;
    padding:20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    p {
      line-height: 30px;
    }
    .goback{
      margin: 0 10px;
      padding:12px 0;
      border:0;
      color:#fff;
      background: #53C856;
      font-size: 20px;
      border-radius: 40px;

    }
  }

}
.nav{
  width:100%;
  position: relative;
  padding:20px 0;
  flex-shrink: 0;
  img{
    width:20px;
    height:20px;
    position: absolute;
    right:10px;
    top:20px;
  }
  .nav-title{
    width:100%;
    text-align: center;
    font-size: 20px;
    color:#333;
  }
}
</style>
